<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>插值---innerHTML和innerText</title>
</head>
<body>

<div id="box">

</div>

</body>
<script>

    /**
     *   innerHTML  中的内容会被简析成html输出
     *   innerText  只是输出纯文本；即使是html内容，也是把它们当作文本信息输出
     * */
   var box=  document.getElementById('box');
   box.innerText = 'hello';
   box.innerHTML = 'hello again!';

   box.innerText = '<h1>hello</h1>';
   box.innerHTML = '<h1>hello</h1>';

</script>

</html>